/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

SamplePanel = Ext.extend(Ext.DataView, {
    autoHeight: true,
    frame:true,
    itemSelector: 'dd',
    overClass: 'over',
    
    tpl : new Ext.XTemplate(
        '<div id="sample-ct">',
            '<tpl for=".">',
            '<div><a name="{id}"></a><h2><div>{title}</div></h2>',
            '<dl>',
                '<tpl for="samples">',
                    '<dd ><img src="./images/screens/{icon}"/>',
                        '<div><h4>{text}</h4><p>{desc}</p></div>',
                    '</dd>',
                '</tpl>',
            '<div style="clear:left"></div></dl></div>',
            '</tpl>',
        '</div>'
    )/*,

    onClick : function(e){
        var group = e.getTarget('h2', 3, true);
        if(group){
            group.up('div').toggleClass('collapsed');
        }else {
            var t = e.getTarget('dd', 5, true);
            if(t && !e.getTarget('a', 2)){
                var url = t.getAttributeNS('ext', 'url');
                window.open(url);
            }
        }
        return SamplePanel.superclass.onClick.apply(this, arguments);
    }*/
});


Ext.EventManager.on(window, 'load', function(){

    var catalog = [{
        title: '青少年发展调查问卷录入',
        samples: [{
            text: '学生版问卷',
            url: 'grid/array-grid.html',
            icon: 'inputYouth.gif',
            desc: '青少年发展调查问卷青少年版输入界面'
        },{
            text: '成年版问卷',
            url: 'grid/edit-grid.html',
            icon: 'inputAdult.gif',
            desc: '青少年发展调查问卷成人版输入界面.'
        },{
            text: '数据导出',
            url: 'grid/xml-grid.html',
            icon: 'excel.png',
            desc: '将数据库中的问卷数据导出为Excel'
        }]
    },{
        title: '专项数据',
        samples: [{
            text: '北京青年专项数据展示',
            url: 'tabs/tabs.html',
            icon: 'specialdata.jpg',
            desc: '专项研究，展示了北京青年的工作、生活环境和社会心态、价值观等各方面的内容'
        }]
    },{
        title: '特别关注',
        samples: [{
            text: '北京青年特别关注',
            url: 'window/hello.html',
            icon: 'specialfocus.jpg',
            desc: '有针对性的对北京青年的一些方面进行特别研究和报道'
        }]
    },{
        title: '共青团数据',
        samples: [{
            text: '2007年北京共青团发展数据统计',
            url: 'tree/reorder.html',
            icon: 'gqt.jpg',
            desc: '展示了2007年度北京共青团发展的相关数据和统计'
        }]
    },{
        title: '相关研究数据',
        samples: [{
            text: '相关研究论文数据汇总',
            url: 'layout-browser/layout-browser.html',
            icon: 'researcharticle.jpg',
            desc: '这里汇总了北京青年相关的论文数百篇，形成了一个初具规模的论文数据库，支持论文数据库的导入和导出'
        },{
            text: '2007年北京市教育事业发展统计',
            url: '../../pages/educationData/0.htm',
            icon: 'bjjy2007.jpg',
            desc: '2007年北京市教育事业发展情况概述,包括高等教育、中等教育、义务教育、特殊教育等各个方面'
        },{
            text: '北京统计年鉴',
            url: '../../pages/educationData/0.htm',
            icon: 'beijingtongji2008.png',
            desc: '2008年北京统计年鉴，展示了2008年北京各个方面的统计信息'
        }]
    }];

    for(var i = 0, c; c = catalog[i]; i++){
        c.id = 'sample-' + i;
    }

    var store = new Ext.data.JsonStore({
        idProperty: 'id',
        fields: ['id', 'title', 'samples'],
        data: catalog
    });

    new Ext.Panel({
        autoHeight: true,
        collapsible: true,
        frame: true,
        titleCollapse:true,
        title: '北京青年发展指标数据库功能一览',
        items: new SamplePanel({
            store: store
        })
    }).render('all-demos');

    var tpl = new Ext.XTemplate(
        '<tpl for="."><li><a href="#{id}">{title:stripTags}</a></li></tpl>'
    );
    tpl.overwrite('sample-menu', catalog);

    Ext.select('#sample-spacer').remove();

    setTimeout(function(){
        Ext.get('loading').remove();
        Ext.get('loading-mask').fadeOut({remove:true});
    }, 250);

});